{extend name="public/common"/}
{block name="head"}

<!-- Revolution slider -->
<link href="__AS__/revolution/css/settings.css" rel="stylesheet" type="text/css">
<link href="__AS__/revolution/css/layers.css" rel="stylesheet" type="text/css">
<link href="__AS__/revolution/css/navigation.css" rel="stylesheet" type="text/css">


{/block}


{block name="body"}



<!-- MAIN SLIDER -->
<div class="main-silder">
    <div class="rev_slider_wrapper rev-slider-box-arrow2">
        <!-- START REVOLUTION SLIDER 5.0 auto mode -->
        <div id="rev_slider_1" class="rev_slider"  data-version="5.2.0">
            <ul>
                <!-- SLIDE 1 -->
                <li data-transition="fade">
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption tp-shape tp-shapewrapper tp-background"
                         id="slide-1-layer-1"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                         data-width="full"
                         data-height="full"
                         data-whitespace="nowrap"
                         data-transform_idle="o:1;"

                         data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;"
                         data-transform_out="s:1000;s:1000;"
                         data-start="50"
                         data-basealign="slide"
                         data-responsive_offset="on"

                         data-lasttriggerstate="reset"
                         style="z-index: 1; background-color: #e9e9e9; ">
                    </div>


                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption tp-resizeme slider-images"
                         id="slide-1-layer-2"
                         data-x="['left','left','left','left']"
                         data-hoffset="['-100','-100','-170','-110']"
                         data-y="['center','center','center','center']"
                         data-voffset="['-50','-50','-50','-50']"
                         data-width="['auto','auto','auto','auto']"
                         data-height="['auto','auto','auto','auto']"
                         data-fontsize="['60','60','50','20']"
                         data-lineheight="['80','80','50','30']"
                         data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                         data-transform_idle="o:1;"

                         data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:500;e:Power1.easeInOut;"
                         data-transform_out="auto:auto;s:500;e:Power1.easeInOut;"
                         data-start="500"

                         data-splitin="none"
                         data-splitout="none"
                         data-responsive_offset="on"
                         data-responsive="on"

                         style="z-index: 5;">
                        <img src="__IMG__/slider/01.png" alt="slider">
                    </div>

                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption tp-resizeme slider-subtitle"
                         id="slide-1-layer-3"
                         data-x="['center','center','center','center']"
                         data-hoffset="['20','20','15','0']"
                         data-y="['center','center','center','center']"
                         data-voffset="['-140','-140','-120','-70']"
                         data-width="['auto','auto','auto','auto']"
                         data-height="['auto','auto','auto','auto']"
                         data-fontsize="['40','40','40','40']"
                         data-lineheight="['80','80','80','80']"
                         data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                         data-transform_idle="o:1;"

                         data-transform_in="x:-50px;opacity:0;s:500;e:Power1.easeInOut;"
                         data-transform_out="x:50px;opacity:0;s:500;e:Power1.easeInOut;s:500;e:Power1.easeInOut;"
                         data-start="500"

                         data-splitin="none"
                         data-splitout="none"
                         data-responsive_offset="on"
                         data-responsive="on"

                         style="z-index: 5; font-weight: 400; font-family: 'Great Vibes', cursive; font-size: 40px; letter-spacing: 1px; text-align: left; color: #ff8205;">Weadding
                    </div>

                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption tp-resizeme slider-title"
                         id="slide-1-layer-4"
                         data-x="['center','center','center','center']"
                         data-hoffset="['175','175','140','0']"
                         data-y="['center','center','center','center']"
                         data-voffset="['-78','-78','-58','-20']"
                         data-width="['auto','auto','auto','auto']"
                         data-height="['auto','auto','auto','auto']"
                         data-fontsize="['72','72','60','40']"
                         data-lineheight="['90','90','90','50']"
                         data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                         data-transform_idle="o:1;"

                         data-transform_in="x:-50px;opacity:0;s:500;e:Power1.easeInOut;"
                         data-transform_out="x:50px;opacity:0;s:500;e:Power1.easeInOut;s:500;e:Power1.easeInOut;"
                         data-start="1000"

                         data-splitin="chars"
                         data-splitout="none"
                         data-basealign="slide"
                         data-responsive_offset="on"

                         style="z-index: 7; white-space: nowrap; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: left; color: #222222;">COLLECTION
                    </div>

                    <!-- LAYER NR. 5 -->
                    <div class="tp-caption tp-resizeme slider-year"
                         id="slide-1-layer-5"
                         data-x="['center','center','center','center']"
                         data-hoffset="['20','20','25','0']"
                         data-y="['center','center','center','center']"
                         data-voffset="['0','0','20','30']"
                         data-width="['auto','auto','auto','auto']"
                         data-height="['auto','auto','auto','auto']"
                         data-fontsize="['72','72','72','30']"
                         data-lineheight="['90','90','90','90']"
                         data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                         data-transform_idle="o:1;"

                         data-transform_in="x:-50px;opacity:0;s:500;e:Power1.easeInOut;"
                         data-transform_out="x:50px;opacity:0;s:500;e:Power1.easeInOut;s:500;e:Power1.easeInOut;"
                         data-start="1500"

                         data-splitin="none"
                         data-splitout="none"
                         data-responsive_offset="on"
                         data-responsive="on"

                         style="z-index: 7; white-space: nowrap; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: left; color: #ff7f00;">2021
                    </div>

                    <!-- LAYER NR. 6 -->
                    <div class="tp-caption tp-resizeme slider-text"
                         id="slide-1-layer-6"
                         data-x="['center','center','center','center']"
                         data-hoffset="['30','30','35','0']"
                         data-y="['center','center','center','center']"
                         data-voffset="['60','60','80','60']"
                         data-width="['auto','auto','auto','auto']"
                         data-height="['auto','auto','auto','auto']"
                         data-fontsize="['18','18','18','16']"
                         data-lineheight="['72','72','72','72']"
                         data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                         data-transform_idle="o:1;"

                         data-transform_in="x:-50px;opacity:0;s:500;e:Power1.easeInOut;"
                         data-transform_out="x:50px;opacity:0;s:500;e:Power1.easeInOut;s:500;e:Power1.easeInOut;"
                         data-start="2000"

                         data-splitin="none"
                         data-splitout="none"
                         data-responsive_offset="on"
                         data-responsive="on"

                         style="z-index: 7; white-space: nowrap; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: left; color: #000000;">ALL ITEMS OFF <span style="color: #ff7f00;">25%</span>
                    </div>

                    <!-- LAYER NR. 7 -->
                    <a class="tp-caption tp-resizeme btn-slider"
                       id="slide-1-layer-7"
                       data-x="['center','center','center','center']"
                       data-hoffset="['12','12','15','0']"
                       data-y="['center','center','center','center']"
                       data-voffset="['120','120','140','110']"
                       data-width="['auto','auto','auto','auto']"
                       data-height="['auto','auto','auto','auto']"
                       data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                       data-transform_idle="o:1;"

                       data-transform_in="x:-50px;opacity:0;s:500;e:Power1.easeInOut;"
                       data-transform_out="x:50px;opacity:0;s:500;e:Power1.easeInOut;s:500;e:Power1.easeInOut;"
                       data-start="2500"

                       data-splitin="none"
                       data-splitout="none"
                       data-responsive_offset="on"
                       data-responsive="on"
                       href="#"

                       style="z-index: 5;">SHOP NOW
                    </a>
                </li>
                <!-- SLIDE 2 -->
                <li data-transition="fade">
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption tp-shape tp-shapewrapper tp-background"
                         id="slide-2-layer-1"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                         data-width="full"
                         data-height="full"
                         data-whitespace="nowrap"
                         data-transform_idle="o:1;"

                         data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;"
                         data-transform_out="s:1000;s:1000;"
                         data-start="50"
                         data-basealign="slide"
                         data-responsive_offset="on"

                         data-lasttriggerstate="reset"
                         style="z-index: 1; background-color: #e9e9e9; ">
                    </div>


                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption tp-resizeme slider-images"
                         id="slide-2-layer-2"
                         data-x="['left','left','left','left']"
                         data-hoffset="['-100','-100','-170','-110']"
                         data-y="['center','center','center','center']"
                         data-voffset="['-50','-50','-50','-50']"
                         data-width="['auto','auto','auto','auto']"
                         data-height="['auto','auto','auto','auto']"
                         data-fontsize="['60','60','50','20']"
                         data-lineheight="['80','80','50','30']"
                         data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                         data-transform_idle="o:1;"

                         data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:500;e:Power1.easeInOut;"
                         data-transform_out="auto:auto;s:500;e:Power1.easeInOut;"
                         data-start="500"

                         data-splitin="none"
                         data-splitout="none"
                         data-responsive_offset="on"
                         data-responsive="on"

                         style="z-index: 5;">
                        <img src="__IMG__/slider/01.png" alt="slider">
                    </div>

                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption tp-resizeme slider-subtitle"
                         id="slide-2-layer-3"
                         data-x="['center','center','center','center']"
                         data-hoffset="['20','20','15','0']"
                         data-y="['center','center','center','center']"
                         data-voffset="['-140','-140','-120','-70']"
                         data-width="['auto','auto','auto','auto']"
                         data-height="['auto','auto','auto','auto']"
                         data-fontsize="['40','40','40','40']"
                         data-lineheight="['80','80','80','80']"
                         data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                         data-transform_idle="o:1;"

                         data-transform_in="x:-50px;opacity:0;s:500;e:Power1.easeInOut;"
                         data-transform_out="x:50px;opacity:0;s:500;e:Power1.easeInOut;s:500;e:Power1.easeInOut;"
                         data-start="500"

                         data-splitin="none"
                         data-splitout="none"
                         data-responsive_offset="on"
                         data-responsive="on"

                         style="z-index: 5; font-weight: 400; font-family: 'Great Vibes', cursive; font-size: 40px; letter-spacing: 1px; text-align: left; color: #ff8205;">Weadding
                    </div>

                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption tp-resizeme slider-title"
                         id="slide-2-layer-4"
                         data-x="['center','center','center','center']"
                         data-hoffset="['175','175','140','0']"
                         data-y="['center','center','center','center']"
                         data-voffset="['-78','-78','-58','-20']"
                         data-width="['auto','auto','auto','auto']"
                         data-height="['auto','auto','auto','auto']"
                         data-fontsize="['72','72','60','40']"
                         data-lineheight="['90','90','90','50']"
                         data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                         data-transform_idle="o:1;"

                         data-transform_in="x:-50px;opacity:0;s:500;e:Power1.easeInOut;"
                         data-transform_out="x:50px;opacity:0;s:500;e:Power1.easeInOut;s:500;e:Power1.easeInOut;"
                         data-start="1000"

                         data-splitin="chars"
                         data-splitout="none"
                         data-basealign="slide"
                         data-responsive_offset="on"

                         style="z-index: 7; white-space: nowrap; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: left; color: #222222;">COLLECTION
                    </div>

                    <!-- LAYER NR. 5 -->
                    <div class="tp-caption tp-resizeme slider-year"
                         id="slide-2-layer-5"
                         data-x="['center','center','center','center']"
                         data-hoffset="['20','20','25','0']"
                         data-y="['center','center','center','center']"
                         data-voffset="['0','0','20','30']"
                         data-width="['auto','auto','auto','auto']"
                         data-height="['auto','auto','auto','auto']"
                         data-fontsize="['72','72','72','30']"
                         data-lineheight="['90','90','90','90']"
                         data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                         data-transform_idle="o:1;"

                         data-transform_in="x:-50px;opacity:0;s:500;e:Power1.easeInOut;"
                         data-transform_out="x:50px;opacity:0;s:500;e:Power1.easeInOut;s:500;e:Power1.easeInOut;"
                         data-start="1500"

                         data-splitin="none"
                         data-splitout="none"
                         data-responsive_offset="on"
                         data-responsive="on"

                         style="z-index: 7; white-space: nowrap; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: left; color: #ff7f00;">2021
                    </div>

                    <!-- LAYER NR. 6 -->
                    <div class="tp-caption tp-resizeme slider-text"
                         id="slide-2-layer-6"
                         data-x="['center','center','center','center']"
                         data-hoffset="['30','30','35','0']"
                         data-y="['center','center','center','center']"
                         data-voffset="['60','60','80','60']"
                         data-width="['auto','auto','auto','auto']"
                         data-height="['auto','auto','auto','auto']"
                         data-fontsize="['18','18','18','16']"
                         data-lineheight="['72','72','72','72']"
                         data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                         data-transform_idle="o:1;"

                         data-transform_in="x:-50px;opacity:0;s:500;e:Power1.easeInOut;"
                         data-transform_out="x:50px;opacity:0;s:500;e:Power1.easeInOut;s:500;e:Power1.easeInOut;"
                         data-start="2000"

                         data-splitin="none"
                         data-splitout="none"
                         data-responsive_offset="on"
                         data-responsive="on"

                         style="z-index: 7; white-space: nowrap; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: left; color: #000000;">ALL ITEMS OFF <span style="color: #ff7f00;">25%</span>
                    </div>

                    <!-- LAYER NR. 7 -->
                    <a class="tp-caption tp-resizeme btn-slider"
                       id="slide-2-layer-7"
                       data-x="['center','center','center','center']"
                       data-hoffset="['12','12','15','0']"
                       data-y="['center','center','center','center']"
                       data-voffset="['120','120','140','110']"
                       data-width="['auto','auto','auto','auto']"
                       data-height="['auto','auto','auto','auto']"
                       data-whitespace="['nowrap','nowrap','nowrap','nowrap']"
                       data-transform_idle="o:1;"

                       data-transform_in="x:-50px;opacity:0;s:500;e:Power1.easeInOut;"
                       data-transform_out="x:50px;opacity:0;s:500;e:Power1.easeInOut;s:500;e:Power1.easeInOut;"
                       data-start="2500"

                       data-splitin="none"
                       data-splitout="none"
                       data-responsive_offset="on"
                       data-responsive="on"
                       href="#"

                       style="z-index: 5;">SHOP NOW
                    </a>
                </li>

            </ul>
        </div>
    </div><!-- END REVOLUTION SLIDER -->
</div>

<!-- support start -->
<div id="support" class="support-section p-tb70">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div class="item">
                    <div class="thumb-icon">
                        <a href="#">
                            <i class="icon icon-Truck"></i>
                        </a>
                    </div>
                    <h6 class="title">官网在线预约</h6>
                    <p class="sub-title">线上仅提供预约服务，不代表实际购买</p>
                </div> <!-- /.end item -->
            </div>
            <div class="col-sm-4">
                <div class="item">
                    <div class="thumb-icon">
                        <a href="#">
                            <i class="icon icon-Headset"></i>
                        </a>
                    </div>
                    <h6 class="title">客服与您确认</h6>
                    <p class="sub-title">实际库存和商品购买需要客服与您确认</p>
                </div> <!-- /.end item -->
            </div>
            <div class="col-sm-4">
                <div class="item no-border">
                    <div class="thumb-icon">
                        <a href="#">
                            <i class="icon icon-Restart"></i>
                        </a>
                    </div>
                    <h6 class="title">买卖成交</h6>
                    <p class="sub-title">成交后我们提供商品指定的售后服务</p>
                </div> <!-- /.end item -->
            </div>
        </div>
    </div>
</div>
<!-- end support -->

<!-- product add start -->
<div id="product" class="product-section" style="display: none">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="product-ad">
                    <div class="media-left">
                        <div class="thumb">
                            <img src="__IMG__/misc/07.png" alt="product">
                        </div>
                    </div>
                    <div class="media-body">
                        <h4 class="tag">Diamond</h4>
                        <h2 class="title">WEADDING RING</h2>
                        <p>SELL OFF <span>30%</span></p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="product-ad">
                    <div class="media-left">
                        <div class="thumb">
                            <img src="__IMG__/misc/06.png" alt="product">
                        </div>
                    </div>
                    <div class="media-body">
                        <h4 class="tag">Men’s</h4>
                        <h2 class="title">HAND WATCH</h2>
                        <p>START FROM<span>$69</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end product add -->

<!-- recent product start -->
<div id="recent-product" class="product m-b80">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="section-header">
                    <h2 class="title">最近上新</h2>
                    <img src="__IMG__/blog/01.png" alt="Heading">
                </div>
            </div>
            <div class="col-md-12">
                <div class="woocommerce">
                    <div class="recent-product-carousel products">

                        {volist name='recentGoods' id='vo'}
                        <div class="item">
                            <div class="product">
                                <span class="onsale">折扣</span>
                                <span class="new">上新</span>
                                <span class="wp-post-image">
										<img src="{$vo.cover.url}" class="wp-post-image" alt="">
										<a href="{$vo.cover.url}" class="image-large"><i class="icon icon-FullScreen"></i></a>
									</span>
                                <h3 class="title"><a href="#">{$vo.title}</a></h3>
                                <div class="star-rating" title="Rated 4 out of 5">
                                    <!-- <span style="width:80%"><strong class="rating">4</strong> out of 5</span> -->
                                </div>
                                <span class="price">
										<ins>
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">￥</span>{$vo.price}</span>
										</ins>
										<del>
											<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">￥</span>{$vo.market_price}</span>
										</del>
									</span>
                                <a href="javascript:void(0)" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                <a href="javascript:void(0)"  class="add_to_cart"><i class="icon icon-ShoppingCart"></i></a>
                                <a href="javascript:void(0)"  class="add_to_cart_button">预约</a>
                            </div>
                        </div>
                        {/volist}



                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end recent product -->

<!-- start hotdeal section -->
<div id="hotdeal" class="hotdeal-section p-tb80">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="section-header">
                    <h2 class="title">最大折扣</h2>
                    <img src="__IMG__/blog/01.png" alt="Heading">
                </div>
            </div>
            <div class="col-md-12">
                <h3 class="sub-title">Men’s Fashion</h3>
                <h2 class="title">当前折扣<span> 35%</span></h2>
                <div class="one-plus-time-down m-b60">
                    <div id="time-down"></div>
                </div>
                <a href="#" class="btn-default">查看/a>
            </div>
            <div class="bg-left">
                <img src="__IMG__/misc/01.png" alt="smartman">
            </div>
            <div class="bg-right">
                <img src="__IMG__/misc/02.png" alt="watch">
            </div>
        </div>
    </div>
</div>
<!-- end hotdeal section -->

<!-- start recent product -->
<div id="recentprodect" class="recent-product p-tb80">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="section-header">
                    <h2 class="title">RECENT PRODUCT</h2>
                    <img src="__IMG__/blog/01.png" alt="Heading">
                </div>
            </div>
            <div class="col-md-12">
                <!-- Isotope start -->
                <div class="woocommerce">
                    <!-- Isotope Filters -->
                    <div class="isotope-filters">
                        <button data-filter="*" class="active">All</button>
                        <button data-filter=".cat-1" class="">Website </button>
                        <button data-filter=".cat-2" class="">print </button>
                        <button data-filter=".cat-3" class="">motion</button>
                        <button data-filter=".cat-4" class="">typography</button>
                    </div>
                    <div class="isotope-grid products">

                        <div class="grid-item cat-1 cat-3 cat-3">
                            <div class="product">
                                <span class="onsale">SALE</span>
                                <span class="new">NEW</span>
                                <span class="wp-post-image">
										<img src="__IMG__/product/01.jpg" class="wp-post-image" alt="">
										<a href="#" class="image-large"><i class="icon icon-FullScreen"></i></a>
									</span>
                                <h3 class="title"><a href="#">Flying Ninja</a></h3>
                                <div class="star-rating" title="Rated 4 out of 5">
                                    <!-- <span style="width:80%"><strong class="rating">4</strong> out of 5</span> -->
                                </div>
                                <span class="price">
										<ins>
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>87</span>
										</ins>
										<del>
											<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">$</span>15.00</span>
										</del>
									</span>
                                <a href="#" class="popup"><i class="icon icon-Restart"></i></a>
                                <a href="#" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                <a href="#" class="add_to_cart"><i class="icon icon-ShoppingCart"></i></a>
                                <a href="#" class="add_to_cart_button">Add to cart</a>
                            </div>
                        </div><!-- /.end grid-item -->
                        <div class="grid-item cat-2 cat-3 cat-3">
                            <div class="product">
                                <span class="onsale">SALE</span>
                                <span class="new">NEW</span>
                                <span class="wp-post-image">
										<img src="__IMG__/product/01.jpg" class="wp-post-image" alt="">
										<a href="#" class="image-large"><i class="icon icon-FullScreen"></i></a>
									</span>
                                <h3 class="title"><a href="#">Flying Ninja</a></h3>
                                <div class="star-rating" title="Rated 4 out of 5">
                                    <!-- <span style="width:80%"><strong class="rating">4</strong> out of 5</span> -->
                                </div>
                                <span class="price">
										<ins>
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>87</span>
										</ins>
										<del>
											<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">$</span>15.00</span>
										</del>
									</span>
                                <a href="#" class="popup"><i class="icon icon-Restart"></i></a>
                                <a href="#" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                <a href="#" class="add_to_cart"><i class="icon icon-ShoppingCart"></i></a>
                                <a href="#" class="add_to_cart_button">Add to cart</a>
                            </div>
                        </div><!-- /.end grid-item -->
                        <div class="grid-item cat-1 cat-2 cat-5">
                            <div class="product">
                                <span class="onsale">SALE</span>
                                <span class="new">NEW</span>
                                <span class="wp-post-image">
										<img src="__IMG__/product/01.jpg" class="wp-post-image" alt="">
										<a href="#" class="image-large"><i class="icon icon-FullScreen"></i></a>
									</span>
                                <h3 class="title"><a href="#">Flying Ninja</a></h3>
                                <div class="star-rating" title="Rated 4 out of 5">
                                    <!-- <span style="width:80%"><strong class="rating">4</strong> out of 5</span> -->
                                </div>
                                <span class="price">
										<ins>
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>87</span>
										</ins>
										<del>
											<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">$</span>15.00</span>
										</del>
									</span>
                                <a href="#" class="popup"><i class="icon icon-Restart"></i></a>
                                <a href="#" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                <a href="#" class="add_to_cart"><i class="icon icon-ShoppingCart"></i></a>
                                <a href="#" class="add_to_cart_button">Add to cart</a>
                            </div>
                        </div><!-- /.end grid-item -->
                        <div class="grid-item cat-3 cat-5 cat-2">
                            <div class="product">
                                <span class="onsale">SALE</span>
                                <span class="new">NEW</span>
                                <span class="wp-post-image">
										<img src="__IMG__/product/01.jpg" class="wp-post-image" alt="">
										<a href="#" class="image-large"><i class="icon icon-FullScreen"></i></a>
									</span>
                                <h3 class="title"><a href="#">Flying Ninja</a></h3>
                                <div class="star-rating" title="Rated 4 out of 5">
                                    <!-- <span style="width:80%"><strong class="rating">4</strong> out of 5</span> -->
                                </div>
                                <span class="price">
										<ins>
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>87</span>
										</ins>
										<del>
											<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">$</span>15.00</span>
										</del>
									</span>
                                <a href="#" class="popup"><i class="icon icon-Restart"></i></a>
                                <a href="#" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                <a href="#" class="add_to_cart"><i class="icon icon-ShoppingCart"></i></a>
                                <a href="#" class="add_to_cart_button">Add to cart</a>
                            </div>
                        </div><!-- /.end grid-item -->
                        <div class="grid-item cat-1 cat-3 cat-4">
                            <div class="product">
                                <span class="onsale">SALE</span>
                                <span class="new">NEW</span>
                                <span class="wp-post-image">
										<img src="__IMG__/product/01.jpg" class="wp-post-image" alt="">
										<a href="#" class="image-large"><i class="icon icon-FullScreen"></i></a>
									</span>
                                <h3 class="title"><a href="#">Flying Ninja</a></h3>
                                <div class="star-rating" title="Rated 4 out of 5">
                                    <!-- <span style="width:80%"><strong class="rating">4</strong> out of 5</span> -->
                                </div>
                                <span class="price">
										<ins>
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>87</span>
										</ins>
										<del>
											<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">$</span>15.00</span>
										</del>
									</span>
                                <a href="#" class="popup"><i class="icon icon-Restart"></i></a>
                                <a href="#" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                <a href="#" class="add_to_cart"><i class="icon icon-ShoppingCart"></i></a>
                                <a href="#" class="add_to_cart_button">Add to cart</a>
                            </div>
                        </div><!-- /.end grid-item -->
                        <div class="grid-item cat-4 cat-3 cat-2">
                            <div class="product">
                                <span class="onsale">SALE</span>
                                <span class="new">NEW</span>
                                <span class="wp-post-image">
										<img src="__IMG__/product/01.jpg" class="wp-post-image" alt="">
										<a href="#" class="image-large"><i class="icon icon-FullScreen"></i></a>
									</span>
                                <h3 class="title"><a href="#">Flying Ninja</a></h3>
                                <div class="star-rating" title="Rated 4 out of 5">
                                    <!-- <span style="width:80%"><strong class="rating">4</strong> out of 5</span> -->
                                </div>
                                <span class="price">
										<ins>
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>87</span>
										</ins>
										<del>
											<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">$</span>15.00</span>
										</del>
									</span>
                                <a href="#" class="popup"><i class="icon icon-Restart"></i></a>
                                <a href="#" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                <a href="#" class="add_to_cart"><i class="icon icon-ShoppingCart"></i></a>
                                <a href="#" class="add_to_cart_button">Add to cart</a>
                            </div>
                        </div><!-- /.end grid-item -->
                        <div class="grid-item cat-1 cat-2 cat-3">
                            <div class="product">
                                <span class="onsale">SALE</span>
                                <span class="new">NEW</span>
                                <span class="wp-post-image">
										<img src="__IMG__/product/01.jpg" class="wp-post-image" alt="">
										<a href="#" class="image-large"><i class="icon icon-FullScreen"></i></a>
									</span>
                                <h3 class="title"><a href="#">Flying Ninja</a></h3>
                                <div class="star-rating" title="Rated 4 out of 5">
                                    <!-- <span style="width:80%"><strong class="rating">4</strong> out of 5</span> -->
                                </div>
                                <span class="price">
										<ins>
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>87</span>
										</ins>
										<del>
											<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">$</span>15.00</span>
										</del>
									</span>
                                <a href="#" class="popup"><i class="icon icon-Restart"></i></a>
                                <a href="#" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                <a href="#" class="add_to_cart"><i class="icon icon-ShoppingCart"></i></a>
                                <a href="#" class="add_to_cart_button">Add to cart</a>
                            </div>
                        </div><!-- /.end grid-item -->
                        <div class="grid-item cat-5 cat-3 cat-4">
                            <div class="product">
                                <span class="onsale">SALE</span>
                                <span class="new">NEW</span>
                                <span class="wp-post-image">
										<img src="__IMG__/product/01.jpg" class="wp-post-image" alt="">
										<a href="#" class="image-large"><i class="icon icon-FullScreen"></i></a>
									</span>
                                <h3 class="title"><a href="#">Flying Ninja</a></h3>
                                <div class="star-rating" title="Rated 4 out of 5">
                                    <!-- <span style="width:80%"><strong class="rating">4</strong> out of 5</span> -->
                                </div>
                                <span class="price">
										<ins>
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>87</span>
										</ins>
										<del>
											<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">$</span>15.00</span>
										</del>
									</span>
                                <a href="#" class="popup"><i class="icon icon-Restart"></i></a>
                                <a href="#" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                <a href="#" class="add_to_cart"><i class="icon icon-ShoppingCart"></i></a>
                                <a href="#" class="add_to_cart_button">Add to cart</a>
                            </div>
                        </div><!-- /.end grid-item -->

                    </div>
                </div>
                <!-- end Isotope -->
            </div>
        </div>
    </div>
</div>
<!-- end recent product -->

<!-- blog start -->
<div id="blog" class="blog-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="section-header">
                    <h2 class="title">LATEST BLOG POST</h2>
                    <img src="__IMG__/blog/01.png" alt="Heading">
                </div>
            </div>
            <div class="col-md-4 col-sm-6">
                <div class="blog-single">
                    <div class="thumb">
                        <img src="__IMG__/blog/01.jpg" alt="blog">
                        <div class="date">
                            <p>24 <br> <span>DEC</span></p>
                        </div>
                    </div>
                    <div class="post-desk">
                        <h6 class="title">A SMART WATCH ON HAND</h6>
                        <p>
                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
                        </p>
                        <div class="post-meta">
                            <a href="#" class="read-more">MORE</a>
                            <a href="#"><i class="icon icon-Message"></i>15 Comments</a>
                            <a href="#"><i class="icon icon-Heart"></i>51 Likes</a>
                        </div>
                    </div>
                </div><!-- /.end blog single -->
            </div>
            <div class="col-md-4 col-sm-6">
                <div class="blog-single">
                    <div class="thumb">
                        <img src="__IMG__/blog/01.jpg" alt="blog">
                        <div class="date">
                            <p>24 <br><span> DEC</span></p>
                        </div>
                    </div>
                    <div class="post-desk">
                        <h6 class="title">A SMART WATCH ON HAND</h6>
                        <p>
                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
                        </p>
                        <div class="post-meta">
                            <a href="#" class="read-more">MORE</a>
                            <a href="#"><i class="icon icon-Message"></i>15 Comments</a>
                            <a href="#"><i class="icon icon-Heart"></i>51 Likes</a>
                        </div>
                    </div>
                </div><!-- /.end blog single -->
            </div>
            <div class="col-md-4 col-sm-6">
                <div class="blog-single">
                    <div class="thumb">
                        <img src="__IMG__/blog/01.jpg" alt="blog">
                        <div class="date">
                            <p>24 <br><span> DEC</span></p>
                        </div>
                    </div>
                    <div class="post-desk">
                        <h6 class="title">A SMART WATCH ON HAND</h6>
                        <p>
                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
                        </p>
                        <div class="post-meta">
                            <a href="#" class="read-more">MORE</a>
                            <a href="#"><i class="icon icon-Message"></i>15 Comments</a>
                            <a href="#"><i class="icon icon-Heart"></i>51 Likes</a>
                        </div>
                    </div>
                </div><!-- /.end blog single -->
            </div>

        </div>
    </div>
</div>
<!-- /.end blog -->


{/block}

{block name="script"}

<!-- REVOLUTION JS FILES -->
<script src="__AS__/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="__AS__/revolution/js/jquery.themepunch.revolution.js"></script>
<script type="text/javascript" src="__AS__/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="__AS__/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="__AS__/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="__AS__/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script type="text/javascript" src="__AS__/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="__AS__/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="__AS__/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="__AS__/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="__AS__/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script>
    'use strict';
    /*
	|----------------------------------------------------------------------------
	|   Main Slider
	|----------------------------------------------------------------------------
	*/
    var revapi;
    revapi = jQuery("#rev_slider_1").revolution({
        sliderType:"standard",
        sliderLayout:"fullwidth",
        fullScreenOffsetContainer:"#header",
        responsiveLevels:[4096,1400,992,768],
        delay:9000,
        navigation: {
            touch:{
                touchenabled:"on",
                swipe_threshold: 75,
                swipe_min_touches: 1,
                swipe_direction: "horizontal",
                drag_block_vertical: false
            },
            arrows:{
                enable:true
            },
            bullets:{
                enable:false
            }
        },
        gridwidth:[1140,950,720,320],
        gridheight:[600,600,500,400]
    });
</script>

{/block}
